<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:wicket="http://wicket.sourceforge.net/">

    <body>
        <wicket:extend>
        
        
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">Vizualizare Taraba</h1>
                </div>
            </div>
            <div>
                <div class="col-lg-5">
                    <div class="panel panel-info">
                        <div class="panel-heading text-center">
                            <button type="button" class="btn btn-default btn-xs" wicket:id="lnkPrev"><i class="fa fa-chevron-left"></i> Precedenta</button>
                            <i class="fa fa-inbox fa-fw"></i><span wicket:id="lblTaraba">T001</span>
                            <button type="button" class="btn btn-default btn-xs" wicket:id="lnkNext">Urmatoarea <i class="fa fa-chevron-right"></i></button>
                            
                            <!-- <div class="pull-right">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
                                        Schimba starea
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu pull-right" role="menu">
                                    
                                        <li><a href="#" wicket:id="statusLink1">Disponibil</a></li>
                                        <li><a href="# "wicket:id="statusLink2">Inchiriat</a></li>
                                        <li><a href="#" wicket:id="statusLink3">Rezervat</a></li>
                                        <li><a href="#" wicket:id="statusLink6">Achitat Partial</a></li>
                                        <li><a href="#" wicket:id="statusLink5">Achitat Integral</a></li>
                                        <li><a href="#" wicket:id="statusLink4">Indisponibil</a></li>
                                        
                                        <li class="divider"></li>
                                        <li><a href="#">Editare Taraba</a></li>
                                    </ul>
                                </div>
                            </div> -->
                            
                        </div>
                        <div class="panel-body">

                            <div class="list-group">
                                <a href="#" class="list-group-item">
                                    <i class="fa fa-info fa-fw"></i> Status
                                    <span class="pull-right"><em wicket:id="lblStare"></em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item">
                                    <i class="fa fa-user fa-fw"></i> Ocupant
                                    <span class="pull-right"><em wicket:id="lblOcupant"></em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item">
                                    <i class="fa fa-envelope fa-fw"></i> Contact
                                    <span class="pull-right text-muted small"><em wicket:id="lblContact"></em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item"> 
                                    <i class="fa fa-money fa-fw"></i> Plata Anticipata (<span wicket:id="lblCount">2</span>)
                                    <span class="pull-right text-muted small"><em><span wicket:id="lblValoare">2</span></em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item"> 
                                    <i class="fa fa-calendar fa-fw"></i> Data plata
                                    <span class="pull-right text-muted small"><em><span wicket:id="lblDataPlata">2</span></em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item">
                                    <i class="fa fa-warning fa-fw"></i> Atentionari
                                    <span class="pull-right text-muted small"><em><span wicket:id="lblAbsenta">4</span> absente</em>
                                    </span>
                                </a>
                                <!-- <a href="#" class="list-group-item">
                                    <i class="fa fa-money fa-fw"></i> Incasari azi
                                    <span class="pull-right text-muted small"><em>15.00</em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item">
                                    <i class="fa fa-money fa-fw"></i> Ora incasarii
                                    <span class="pull-right text-muted small"><em>10:00</em>
                                    </span>
                                </a>
                                <a href="#" class="list-group-item">
                                    <i class="fa fa-folder fa-fw"></i> Fisiere
                                    <span class="pull-right text-muted small"><em>5</em>
                                    </span>
                                </a> -->
                            </div>
                            <!-- /.list-group -->
                        </div>
                        
                        <div class="panel-footer text-center">
                            <div class="tooltip-demo btn-group">
                                <!-- <a href="#" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Rezervare" wicket:id="lkPlataRezervare">R</a>&nbsp; -->
                                <a href="#" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Achitare Anticipata" wicket:id="lkPlataAnticipata">AI+AP+R</a>
                                <!-- <a href="#" class="btn btn-default">Dezactiveaza</a> -->
                            </div>&nbsp;&nbsp;

                            <div class="btn-group" wicket:id="plataRapida">
                                <a href="#" class="btn btn-default" wicket:id="lkPlataRapida"><span wicket:id="lblPlataRapida">15 RON</span></a>
                            </div>&nbsp;&nbsp;
                            
                            <div class="row" >
                                <br>
                                <a href="#" class="btn btn-default" wicket:id="lkIstoricInchirieri">Istoric plati</a>&nbsp;
                                <a href="#" class="btn btn-default" wicket:id="lkIstoricAbsente">Istoric Absente</a>
                            </div>

                        </div>
                        
                    </div>
                </div>
                <!-- /.col-lg-4 -->
                
                <!-- <div class="col-lg-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Plati Anticipate luna curenta
                        </div>
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Data Plata</th>
                                            <th>Client</th>
                                            <th>Valoare</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>02.02.2015</td>
                                            <td>Otto</td>
                                            <td>350,00 LEI</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>03.02.2015</td>
                                            <td>OttoMoto</td>
                                            <td>350,00 LEI</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>02.02.2015</td>
                                            <td>Ottonel</td>
                                            <td>700,00 LEI</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div> -->
                <!-- /.col-lg-6 -->
            </div>
            
            <!-- Core Scripts - Include with every page -->
            <script src="js/jquery-1.10.2.js"></script>
            <script src="js/bootstrap.min.js"></script>
            <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
            <!-- SB Admin Scripts - Include with every page -->
            <script src="js/sb-admin.js"></script>
            
            <!-- Page-Level Demo Scripts - Notifications - Use for reference -->
            <script>
                // tooltip demo
                $('.tooltip-demo').tooltip({
                    selector: "[data-toggle=tooltip]",
                    container: "body"
                })
            </script>
            
        </wicket:extend>
    </body>
</html>